.login-view {
  margin-top: 20px;
  padding: 20px 40px;
  font-size: 18px;

  Button {
    height: 40px;
    margin-bottom: 15px;
  }
}
.popup-box {
  padding: 20px 20px;
}
.popup-container {
  height: 350px;
  width: 100%;
  overflow: hidden;
  padding: 20px 20px;

  .login-popup {
    height: 100%;
  }
}

.privacy {
  display: flex;
  justify-content: center;
}

.shake-horizontal {
  animation-delay: 0s;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-name: shake-horizontal;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
}

@keyframes shake-horizontal {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }

  2% {
    transform: translate(-4px, 0) rotate(0deg);
  }

  4% {
    transform: translate(2px, 0) rotate(0deg);
  }

  6% {
    transform: translate(-3px, 0) rotate(0deg);
  }

  8% {
    transform: translate(9px, 0) rotate(0deg);
  }

  10% {
    transform: translate(2px, 0) rotate(0deg);
  }

  12% {
    transform: translate(-6px, 0) rotate(0deg);
  }

  14% {
    transform: translate(-7px, 0) rotate(0deg);
  }

  16% {
    transform: translate(2px, 0) rotate(0deg);
  }

  18% {
    transform: translate(7px, 0) rotate(0deg);
  }

  20% {
    transform: translate(-1px, 0) rotate(0deg);
  }

  22% {
    transform: translate(-10px, 0) rotate(0deg);
  }

  24% {
    transform: translate(-10px, 0) rotate(0deg);
  }

  26% {
    transform: translate(3px, 0) rotate(0deg);
  }

  28% {
    transform: translate(-5px, 0) rotate(0deg);
  }

  30% {
    transform: translate(4px, 0) rotate(0deg);
  }

  32% {
    transform: translate(-6px, 0) rotate(0deg);
  }

  34% {
    transform: translate(-2px, 0) rotate(0deg);
  }

  36% {
    transform: translate(-6px, 0) rotate(0deg);
  }

  38% {
    transform: translate(-2px, 0) rotate(0deg);
  }

  40% {
    transform: translate(4px, 0) rotate(0deg);
  }

  42% {
    transform: translate(8px, 0) rotate(0deg);
  }

  44% {
    transform: translate(-3px, 0) rotate(0deg);
  }

  46% {
    transform: translate(-10px, 0) rotate(0deg);
  }

  48% {
    transform: translate(4px, 0) rotate(0deg);
  }

  50% {
    transform: translate(-6px, 0) rotate(0deg);
  }

  52% {
    transform: translate(6px, 0) rotate(0deg);
  }

  54% {
    transform: translate(-8px, 0) rotate(0deg);
  }

  56% {
    transform: translate(5px, 0) rotate(0deg);
  }

  58% {
    transform: translate(9px, 0) rotate(0deg);
  }

  60% {
    transform: translate(7px, 0) rotate(0deg);
  }

  62% {
    transform: translate(1px, 0) rotate(0deg);
  }

  64% {
    transform: translate(2px, 0) rotate(0deg);
  }

  66% {
    transform: translate(-2px, 0) rotate(0deg);
  }

  68% {
    transform: translate(-7px, 0) rotate(0deg);
  }

  70% {
    transform: translate(-1px, 0) rotate(0deg);
  }

  72% {
    transform: translate(-6px, 0) rotate(0deg);
  }

  74% {
    transform: translate(5px, 0) rotate(0deg);
  }

  76% {
    transform: translate(0, 0) rotate(0deg);
  }

  78% {
    transform: translate(9px, 0) rotate(0deg);
  }

  80% {
    transform: translate(-3px, 0) rotate(0deg);
  }

  82% {
    transform: translate(8px, 0) rotate(0deg);
  }

  84% {
    transform: translate(-2px, 0) rotate(0deg);
  }

  86% {
    transform: translate(-1px, 0) rotate(0deg);
  }

  88% {
    transform: translate(-3px, 0) rotate(0deg);
  }

  90% {
    transform: translate(4px, 0) rotate(0deg);
  }

  92% {
    transform: translate(0, 0) rotate(0deg);
  }

  94% {
    transform: translate(4px, 0) rotate(0deg);
  }

  96% {
    transform: translate(2px, 0) rotate(0deg);
  }

  98% {
    transform: translate(-2px, 0) rotate(0deg);
  }
}
